Skip to content

Use TokenPaginatedTable for Component Search#438

Merged
nscuro merged 8 commits intomainfrom
issue-2049-update-component-search-api-integration
Apr 15, 2026
Merged

Use TokenPaginatedTable for Component Search#438
nscuro merged 8 commits intomainfrom
issue-2049-update-component-search-api-integration

Conversation

@sahibamittal
Copy link
Copy Markdown
Collaborator

@sahibamittal sahibamittal commented Mar 23, 2026

Description

Replace the legacy bootstrap-table with TokenPaginatedTable and update table props/behaviour to use token-based pagination.

Addressed Issue

Issue: DependencyTrack/hyades#2049
Backend: DependencyTrack/hyades-apiserver#1867

Additional Details

image image

Checklist

Replace the legacy bootstrap-table with TokenPaginatedTable and update table props/behaviour to use token-based pagination.
Comment thread src/views/portfolio/components/ComponentSearch.vue
Comment thread src/views/portfolio/components/ComponentSearch.vue Outdated
@sahibamittal sahibamittal requested a review from nscuro March 26, 2026 14:39
Comment thread src/views/portfolio/components/ComponentSearch.vue
@sahibamittal sahibamittal requested a review from nscuro March 31, 2026 16:15
@codacy-production
Copy link
Copy Markdown

codacy-production bot commented Mar 31, 2026

Up to standards ✅

🟢 Issues 0 issues

Results:
0 new issues

View in Codacy

TIP This summary will be updated as you push new changes. Give us feedback

@nscuro
Copy link
Copy Markdown
Member

nscuro commented Apr 14, 2026

Not sure if that was an issue before, but when clicking the search button I'm getting these warnings:
image

Comment thread src/views/portfolio/components/ComponentSearch.vue Outdated
Copy link
Copy Markdown
Contributor

Copilot AI left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pull request overview

Migrates the Portfolio Component Search view from legacy bootstrap-table server pagination to the shared TokenPaginatedTable component, aligning the frontend with the backend’s token-based pagination API (Issue #2049 / hyades-apiserver#1867).

Changes:

  • Replaced <bootstrap-table> usage with <token-paginated-table> and switched to /api/v2/components with query-param based filtering + sorting.
  • Updated search UI/logic (notably HASH search now includes hash-type selection) and refactored query param construction to an object-based approach.
  • Simplified hashes_short_desc translations across multiple locales.

Reviewed changes

Copilot reviewed 14 out of 14 changed files in this pull request and generated 7 comments.

Show a summary per file
File Description
src/views/portfolio/components/ComponentSearch.vue Migrates component search results to TokenPaginatedTable; updates filters, sorting, and HASH search UI.
src/i18n/locales/en.json Simplifies hashes_short_desc string.
src/i18n/locales/de.json Simplifies hashes_short_desc string.
src/i18n/locales/es.json Simplifies hashes_short_desc string.
src/i18n/locales/fr.json Simplifies hashes_short_desc string.
src/i18n/locales/hi.json Simplifies hashes_short_desc string.
src/i18n/locales/it.json Simplifies hashes_short_desc string.
src/i18n/locales/ja.json Simplifies hashes_short_desc string.
src/i18n/locales/pl.json Simplifies hashes_short_desc string.
src/i18n/locales/pt.json Simplifies hashes_short_desc string.
src/i18n/locales/pt-BR.json Simplifies hashes_short_desc string.
src/i18n/locales/ru.json Simplifies hashes_short_desc string.
src/i18n/locales/uk-UA.json Simplifies hashes_short_desc string.
src/i18n/locales/zh.json Simplifies hashes_short_desc string.

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

Comment thread src/views/portfolio/components/ComponentSearch.vue
Comment thread src/views/portfolio/components/ComponentSearch.vue
Comment thread src/views/portfolio/components/ComponentSearch.vue Outdated
Comment thread src/views/portfolio/components/ComponentSearch.vue Outdated
Comment thread src/views/portfolio/components/ComponentSearch.vue
Comment thread src/views/portfolio/components/ComponentSearch.vue
Comment thread src/views/portfolio/components/ComponentSearch.vue
@nscuro nscuro added this to the 5.7.0 milestone Apr 15, 2026
@nscuro nscuro added the enhancement New feature or request label Apr 15, 2026
@nscuro nscuro changed the title Issue 2049 : Use TokenPaginatedTable for Component Search Use TokenPaginatedTable for Component Search Apr 15, 2026
@nscuro nscuro merged commit b5761c2 into main Apr 15, 2026
6 checks passed
@nscuro nscuro deleted the issue-2049-update-component-search-api-integration branch April 15, 2026 16:59
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

enhancement New feature or request

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants